<template>
  <div class="con">
    <section class="sec">
      <el-table
        :show-header="false"
        :data="tableData"
        center
        border
        :cell-style="columnStyle"
        :span-method="arraySpanMethod"
        style="width: 100%; margin-top: 10px;"
      >
        <el-table-column width="180" prop="name" center />
        <el-table-column prop="amount1" />
      </el-table>

    </section>
  </div>
</template>
<script>
import { carsOver } from '@/api/order'

export default {
  name: 'cars',
  props: ['taskNum'],
  data() {
    return {
      closeds: false,
      dataForm: {},
      taskNums: ''

    }
  },
  computed: {
  // 因为数据用到了dataform中的数据，所以写在了computed中
    tableData() {
      return [
        {
          name: '是否设置超时',
          amount1: this.rowDetail.task_num
        },
        {
          name: '组长',
          amount1: this.rowDetail.work_num
        }
      ]
    }
  },
  watch: {
    taskNum() {
      this.taskNums = this.taskNum
      this.getDetail()
    }
  },
  created() {
    this.getDetail()
  },
  methods: {
    getDetail() {
      carsOver({ task_num: this.taskNum }).then(res => {
        console.log(8989)
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.btnBox{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px;
  // border-top:1px solid #eee;
}

</style>
